<template>
  <div id="sever-box">
    <ServiceHeader/>
    <div class="content">
      <ServiceList title="焕然洗护"/>
      <ServiceList title="95二手车交易"/>
      <ServiceDiscern/>
    </div>
        <Homefooter />
  
  </div>
</template>


<script>
import ServiceHeader from '../vive/view-wang/view-com/ServiceHead.vue'
import ServiceList from '../vive/view-wang/view-com/ServiceList.vue'
import ServiceDiscern from '../vive/view-wang/view-com/ServiceD.vue'
import Homefooter from '../components/homeFooter.vue'
export default {
  name: "Service",
  components: {
    ServiceHeader,
    ServiceList,
    ServiceDiscern,  Homefooter 
  },
};
</script>

<style scoped>
#sever-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 667px;
}

.content {
  overflow: auto;
  /* margin-bottom: 00.5rem; */
}
</style>